@import url("fonts.css");

html{
    scroll-behavior: smooth !important;
}
body{
    margin-top: 0;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    color: #333333;
}

a:hover{color: #3379b6; text-decoration: none;}
a{color: #333333;}
.region-content a,
.block-views-blockfeatured-links-block-1 a,
.view-general-debate-items .ui-accordion-content .views-row a,
.listoflinksp a,
.views-field-field-featured-links a,
.views-field-field-accordion-body a,
.block-views-blockkey-resolutions-block-1 .krows a{
        color: black;
        border-bottom: dotted 0.1rem #333333;
}

article img{
    max-width: 100%;
}

img.onehundred{
    width: 100%;
    max-width: 100%;
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
}
h2, .h2 {
    font-size: 2.7rem;
}
h1, .h1 {
    font-size: 3.3rem;
    letter-spacing: -0.02em;
    margin: 0.67em 0;
}
h3, .h3 {
    font-size: 2.4rem;
    color: black;
}
h4, .h4 {
    font-size: 1.82rem;
    color: #4d4d4d;
    letter-spacing: 0.03em;
}
h5, .h5 {
    font-size: 1.625rem !important;
    color: black;
}
h6, .h6 {
    font-size: 1.3rem;
    color: #4d4d4d;
    letter-spacing: 0.05em;
}
/*
:focus{
    outline: none;
}*/

.page-header{
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

.breadcrumb {
    padding: 8px 15px 8px 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

.align-left{
    padding: 0 2rem 2rem 0;
    max-width: 50%;
    height: auto;
}
.align-right{
    padding: 0 0 2rem 2rem;
    max-width: 50%;
    height: auto;
}

.alignleft{
    float: left;
    padding: 0 2rem 2rem 0;
}
.alignright{
    float: right;
    padding: 0 0 2rem 2rem;
}

/* Navigation */

a.logo img{
    width: 100px;
}

.navbar.container {
    background: transparent;
    border: 0;
    z-index: 5;
}
.navbar {
    border-radius: 0!important;
}
.navbar-header {
    float: unset;
}

#block-mainnavigation {
    right: 10px;
    position: absolute;
    margin-top: 40px;
    width: auto;
}

.sf-sub-indicator{
    font-size: 1.2rem;
    right: 0.85em;
}

.responsive-menu-toggle-icon:before, 
.responsive-menu-toggle-icon:after, 
.responsive-menu-toggle-icon span.icon{
    left: 1.2rem;
}


/* Home Page Slider */

ul.slides li{
    margin: 0;
}
.flexslider {
    border: none;
    margin: 0;
    background: transparent !important;
    clear: both;
}

.hpsliderbody{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* FAQ & Views Accordion */

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 1rem 0 0 0;
    padding: 10px 20px 10px 10px;
    font-size: 100%;
    border-radius: 0;
    color: black;
    border-top: 2px solid #009edb;
    border-left: 2px solid #009edb;
    border-right: 2px solid #009edb;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
}
.ui-accordion .ui-accordion-header.ui-state-active {
    border-bottom: none;
}
.ui-state-active {
    border: none;
    background: url(../images/open-black.png) no-repeat right 16px #fff !important;
}
.ui-state-default {
    background: url(../images/closed.png) no-repeat right 16px #fff;
    border-bottom: 2px solid #009edb;
}
.ui-accordion .ui-accordion-content {
    padding: 10px 10px 10px 10px;
    border-bottom: 2px solid #009edb;
    border-left: 2px solid #009edb;
    border-right: 2px solid #009edb;
}
.ui-widget-content {
    background: #fff;
    border-radius: 0;
}
.ui-icon, .ui-state-active .ui-icon {
    background: none;
    display: none;
}

.accordionsecondtitle{
    font-weight: normal;
    font-size: 14px;
}


.gbaccordion{
    padding: 4rem 0;
}
.gbaccordion .ui-accordion .ui-accordion-header {
    border: none  !important;
}
.gbaccordion .ui-state-active,
.gbaccordion .ui-widget-content{
    background: none  !important;
    border: none;
    padding: 0;
}
.gbaccordion .ui-state-default,
.gbaccordion .ui-accordion .ui-accordion-header{
    border-bottom: 3px solid#009edb  !important;
    background: none  !important;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 10px 20px 10px 0px;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}
.gbaccordion .ui-accordion.ui-accordion-content{
    border: none  !important;
}
.gbaccordion .ui-accordion-content .views-row{
    padding: 1.5rem;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.gbaccordion h3.ui-state-active::after{
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: 900;
    margin-left: 1.5rem;
    color: #009edb;
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    top: 15px;
}
.gbaccordion h3.ui-accordion-header-collapsed::after{
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 900;
    margin-left: 1.5rem;
    color: #009edb;
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    top: 15px;
}

.gbaccordion .views-field-field-general-debate-title{
    font-weight: bold;
    font-size: 1.5rem;
}
.views-field-field-general-debate-icon{
    float: left;
    padding-right: 1rem;
}
.views-field-field-general-debate-icon img{
    border: 1px solid #dbdbdb;
}

.view-general-debate-items .ui-accordion-content .views-row{
    display: flex;
}
.view-general-debate-items .ui-accordion-content .views-row .views-field{
    margin-right: 1rem;
}
.view-general-debate-items .ui-helper-reset{
    line-height: inherit;
}



.file.icon-before .glyphicon-file:before{
    content: inherit;
}
.file.icon-before .file-icon{
    background-size: 25px !important;
    padding: 20px 35px 0 0;
}
.file--application-pdf.icon-before .file-icon{
background: url(../images/icons/icon_pdf.svg) no-repeat 3px 5px;
}
.file--mime-text-csv.icon-before .file-icon{
    background: url(../images/icons/icon_csv.svg) no-repeat 3px 5px;
}
.file--x-office-document.icon-before .file-icon{
    background: url(../images/icons/icon_doc.svg) no-repeat 3px 5px;
}
.file--x-office-presentation.icon-before .file-icon{
    background: url(../images/icons/icon_ppt.svg) no-repeat 3px 5px;
}
.file--x-office-spreadsheet.icon-before .file-icon{
    background: url(../images/icons/icon_xls.svg) no-repeat 3px 5px;
}
.file-link{
    font-size: 14px;
    font-weight: normal;
}

.file-icon{
    height: 44px;
}

.file-icon .icon.glyphicon{
    display: none;
}





.navbar.container {
    background: #f2f2f2;
    border-bottom: #009edb solid 5px !important;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.navbar-header {
    max-width: 96%;
    margin: 0 auto !important;
    padding: .5rem 6rem 0 6rem;
    float: unset;
}

.region-header {
    margin-bottom: 1px;
}

#block-logo ul.wrap_logo {
    padding: 0;
    display: table;
}

#block-logo {
    display: inline-block;
    padding: 40px 0 30px 0;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
}
#block-logo ul.wrap_logo li {
    display: table-cell;
    list-style: none;
    vertical-align: middle;
}
ul.wrap_logo {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555555;
    font-size: 27.9724770642px;
    font-size: 2.7972477064rem;
    margin-top: 16.8475998092px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0.027em;
}
ul.wrap_logo img.logo {
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-right: 1rem;
}
#block-logo ul.wrap_logo li:nth-child(2) {
    border-left: 1px solid;
    padding-left: 15px;
}

.logoheaderone{
    font-weight: 700;
}


#block-azsiteindex a {
    color: #666666;
    font-size: 1.2rem;
    letter-spacing: 1.27px;
    font-weight: 500;
    letter-spacing: 0.03em;
}

#views-exposed-form-search-page-1 label,
.filterssearch .views-exposed-form label{
    display: none;
}

.view-search .views-field-search-api-excerpt strong {
    background: yellow;
}

.region-content .block-views-exposed-filter-blocksearch-page-1 {
    margin-bottom: 20px;
}

.region-navigation .block-views-exposed-filter-blocksearch-page-1{
    float: right;
    width: 315px;
    margin-top: 60px;
}
#block-azsiteindex {
    position: absolute;
    right: 15px;
    top: 100px;
}

#block-welcome{
font-size: 12.35px;
font-size: 1.235rem;
line-height: 3.5rem;
font-weight: 400;
letter-spacing: 0.03em;
}


#block-searchform, .region-header .block-views-exposed-filter-blocksearch-page-1 {
    position: absolute;
    top: 60px;
    right: 15px;
}
.region-header #block-exposedformsearchpage-1 .form--inline .form-item {
    float: unset;
    margin-right: 0;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 form, .region-header .block-views-exposed-filter-blocksearch-page-1 form,
.filterssearch .views-exposed-form button form {
    padding-top: 0;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 .form-item-search input,
.filterssearch .views-exposed-form input {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}


.region-header .block-views-exposed-filter-blocksearch-page-1 .form-actions .btn,
.filterssearch .bef-exposed-form.views-exposed-form button {
    margin-left: -3px;
    margin-right: 0;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary,
.filterssearch .bef-exposed-form.views-exposed-form button {
    color: #fff;
    background-color: #fff;
    border-color: #009edb;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 15px 6px 22px;
    line-height: inherit;
    font-size: inherit;
}

#block-searchform  button.btn-primary:hover,
.region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary:hover,
.filterssearch .bef-exposed-form.views-exposed-form button:hover{
    color: #fff;
    background-color: #009edb;
    border-color: #009edb;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#block-searchform  button.btn-primary:hover .glyphicon-search:before,
.region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary:hover .glyphicon-search:before,
.filterssearch .bef-exposed-form.views-exposed-form button:hover .glyphicon-search:before {
    content: "\e003";
    color: #ffffff;
}

.region-header .block-views-exposed-filter-blocksearch-page-1 button,
.filterssearch .bef-exposed-form.views-exposed-form button {
    overflow: hidden;
    width: 55px;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 .glyphicon-search,
.filterssearch .bef-exposed-form.views-exposed-form button .glyphicon-search {
    padding-right: 100px;
}
#block-searchform .glyphicon-search:before, 
.region-header .block-views-exposed-filter-blocksearch-page-1 .glyphicon-search:before,
.filterssearch .bef-exposed-form.views-exposed-form button .glyphicon-search:before {
    content: "\e003";
    color: #4d4d4d;
    font-size: 1.2rem;
}



#block-un-mainnavigation {
    background: #4d4d4d;
}
#block-un-mainnavigation ul li a.is-active, #block-un-mainnavigation ul li a:hover, #block-un-mainnavigation ul li span:hover, #block-un-mainnavigation ul li.menu-item--active-trail li.menu-item--expanded.menu-item--active-trail a.sf-with-ul, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail ul.menu.sub-nav li.menu-item--expanded.menu-item--active-trail a.sf-with-ul, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail ul.menu.sub-nav li.menu-item.menu-item--active-trail a.is-active, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail a.sf-with-ul, .page-node-type-reports #block-un-mainnavigation ul li a.lareports, .page-node-type-themes #block-un-mainnavigation ul li a.lathemes, .page-node-type-resources #block-un-mainnavigation ul li a.laresources, .page-node-type-action_areas_lvl_3 #block-un-mainnavigation ul li a.laactionareas, .page-node-26 #block-un-mainnavigation ul li .laevents, .page-node-20 #block-un-mainnavigation ul li .labout, .page-node-type-events #block-un-mainnavigation ul li a.laevents, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail ul.menu.sub-nav a:hover,
#block-un-mainnavigation ul li .menuparent.nolink:hover{
    background: #f2f2f2;
    color: black;
}
#block-un-mainnavigation ul li a.red{
    background-color: #c20000;
    color: #fff;
}
#block-un-mainnavigation ul li a,
#block-un-mainnavigation ul li .menuparent.nolink {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    background: #4d4d4d;
    border-right: 1px solid #fff;
    cursor: pointer;
}
#block-un-mainnavigation ul li.menuparent a,
#block-un-mainnavigation ul li .menuparent.nolink  {
    padding: 10px 30px 10px 15px;
}

.region-content{
    padding-bottom: 6rem;
    margin-top: 2rem;
}

ul.horizontalmenudropdown li.menuparent ul,
ul.horizontalmenudropdown li.sfHover a.sf-depth-1{
    background: #f2f2f2 !important;
    color: #333333 !important;
}
ul.horizontalmenudropdown a.sf-depth-2{
    background: none !important;
    border-right: none !important;
    color: #333333 !important;
}
ul.horizontalmenudropdown .sf-sub-indicator::after {
    content: "»";
    left: 0px;
    line-height: 1;
    position: absolute;
    text-indent: 0px;
    top: 0px;
}
ul.horizontalmenudropdown li.menuparent a, ul.horizontalmenudropdown ul li .menuparent.nolink {
    padding: 10px 25px 10px 15px !important;
}

.page-node-type-hlpf-content .secondarymenucon .smbottomborder{
    display: none;
}



/* CKEditor 5 */

figure > img {
    height: auto !important;
}
figure > figcaption {
    margin-top: 5px;
}
figure.align-right {
    float: right;
}
figure.align-left {
    float: left;
}
figure.align-right img,
figure.align-left img {
    width: 100% !important;
}

.block-system-main-block .block-field-blocknodepagebody{
    padding-bottom: 2rem;
}
.ck-widget.bs_grid img{
    max-width: 100%;
    height: auto;
}
.media--type-image.align-center .blazy--field-media-image img{
    margin: 0 auto;
}

.align-left{
    padding: 0 1.25rem 1.25rem 0;
}
.align-right{
    padding: 0 0 1.25rem 1.25rem;
}

.alignleft{
    float: left;
    padding: 0 2rem 2rem 0;
}
.alignright{
    float: right;
    padding: 0 0 1.25rem 1.25rem;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

blockquote {
    margin: 0 0 1rem 0;
    border-left: 4px solid gray;
    padding-left: 1rem;
    font-style: italic;
}

.align-center.media img,
.align-center img{
    margin: 0 auto !important;
}
.align-center{
    text-align: center;
    margin: 0 auto;
}  

.ck-widget.bs_grid img{
    max-width: 100%;
    height: auto;
}
.field--name-field-media-oembed-video{
    position: relative; 
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.field--name-field-media-oembed-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Footer */

.footer {
    border-top: #009edb solid 0.4rem;
    background: #333333;
    width: 100%;
    margin-top: 0;
    padding: 0 20px;
}
.region-footer {
    width: 1200px !important;
    max-width: 100%;
    margin: auto;
    margin-top: 0;
    padding-top: 31.7967997456px;
    padding-bottom: 3.3rem;
    border-top: none;
}
#block-logofooter {
    width: 100%;
    border-bottom: #5b5b5b solid 1px;
    margin: 0 0 1.9rem 0;
    padding: 0 0 1.8rem 0;
}
#block-logofooter .footerright a {
    color: #c4c4c4;
}
#block-logofooter a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

#block-logofooter .footerright a {
    color: #c4c4c4;
}
#block-logofooter .footerleft {
    float: left;
}
#block-logofooter .footerright {
    float: right;
    margin-top: 1.2rem;
}
#block-logofooter .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
#block-logofooter .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
    margin-right: 1.2rem;
}


#block-footer {
    float: right;
}
#block-footer ul li {
    padding: 0 1.3rem 0 1rem;
    border-right: gray solid 0.3rem;
}
#block-footer ul li.last {
    padding-right: 0;
    border-right: none;
}
#block-footer ul li {
    float: left;
}
#block-footer ul li a, #block-footer ul li span {
    display: block;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    color: white;
    letter-spacing: 0.77px;
    line-height: 1.1667;
    text-transform: uppercase;
    background: transparent;
}

.footermenu{
    background-color: #f2f2f2;
    padding: 60px 0;
}

.region-footer-menu  h2{
    font-size: 20px;
    font-size: 2rem;
    color: #454545;
    letter-spacing: 0.95px;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 1.4rem;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
}
.footmheading{
    font-weight: bold;
}

.region-footer-menu  h2::after{
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: #009edb solid 3px;
    width: 15%;
}

.region-footer-menu ul{
    padding: 0;
}
.region-footer-menu ul li,
.block-views-blockkey-resolutions-block-1 li{
    list-style: none;
    list-style-image: none;
    display: block;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
    position: relative;
}

.footmheading .navbar-text{
    margin: 0;
    float: unset;
}

.region-footer-menu ul li:before,
.block-views-blockkey-resolutions-block-1 .krows li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 9px;
    vertical-align: middle;
    line-height: 20px;
    margin-left: -2rem;
    position: absolute;
    font-weight: 900;
    color: #c4c4c4;
}

.region-footer-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: solid;
    border-width: 0.3rem;
    border-color: #ededed;
}

.region-footer-menu nav{
    padding: 15px;
    flex: 0 33%;
    margin-bottom: 2%;
}
.region-footer-menu::after,
.threecolumn::after,
.whiteboxgrid .view-content::after {
    content: '';
    flex: auto;
}

.whiteboxgrid,
.whitelist{
    margin: 4rem 0;
}

.region-footer-menu li a {
    position: relative;
    display: block;
    padding: 0;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.footer.container{
    width: 100%;
}



li.footmheading{
    padding: 0 !important;
    margin: 3rem 0;
}
li.footmheading::before{
    display: none;
}






.btn-default,
.btn-info,
.btn-primary,
.pager__item a.button,
a.button{
    color: #454545 !important;
    background-color: #fff !important;
    border-color: #009edb !important;
}
.btn-default:hover,
.btn-info:hover,
.btn-primary:hover,
.btn-default:active,
.btn-info:active,
.btn-primary:active,
.pager__item a.button:hover,
.pager__item a.button:active{
    background-color: #f2f2f2;
    color: #000;
}
.btn,
.pager__item a.button,
a.button {
    font-weight: 700;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    border: 1px solid;
    padding: 1.2rem 2rem;
    font-size: 1.2rem;
    line-height: 1rem;
    border-radius: 4px;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #f2f2f2 !important;
    color: #000 !important;
    border-color: #009edb !important;
}

.sdg-colors-top-banner {
    width: 100%;
    height: 6px;
}
.sdg-colors-top-banner div.sdg-1 {
    background-color: #E8203A;
}
.sdg-colors-top-banner div.sdg-2 {
    background-color: #DDA63A;
}
.sdg-colors-top-banner div.sdg-3 {
    background-color: #4C9F38;
}
.sdg-colors-top-banner div.sdg-4 {
    background-color: #C5192D;
}
.sdg-colors-top-banner div.sdg-5 {
    background-color: #FF3A21;
}
.sdg-colors-top-banner div.sdg-6 {
    background-color: #26BDE2;
}
.sdg-colors-top-banner div.sdg-7 {
    background-color: #FCC30B;
}
.sdg-colors-top-banner div.sdg-8 {
    background-color: #A21942;
}
.sdg-colors-top-banner div.sdg-9 {
    background-color: #FF6924;
}
.sdg-colors-top-banner div.sdg-10 {
    background-color: #DD1367;
}
.sdg-colors-top-banner div.sdg-11 {
    background-color: #FF9F24;
}
.sdg-colors-top-banner div.sdg-12 {
    background-color: #BF8B2E;
}
.sdg-colors-top-banner div.sdg-13 {
    background-color: #3F7E44;
}
.sdg-colors-top-banner div.sdg-14 {
    background-color: #0A97D9;
}
.sdg-colors-top-banner div.sdg-15 {
    background-color: #00689D;
}
.sdg-colors-top-banner div.sdg-16 {
    background-color: #56C22B;
}
.sdg-colors-top-banner div.sdg-17 {
    background-color: #19486A;
}
.sdg-colors-top-banner div {
    height: 0.6rem;
    width: 5.8823%;
    float: left;
}

/* Secondary Menu */

.secondary_menu{
    float: left;
    width: 100%;
}
.secondarymenucon{
    position: relative;
}

.region-secondary-menu .block-superfish{
    display: flex;
    justify-content: space-around;
}

ul.sf-menu.sf-accordion{
    background: #dfdfdf !important;
    border-bottom: .5rem solid #dfdfdf;
}
.region-secondary-menu ul.sf-menu.sf-accordion a.sf-depth-2{
    text-align: left;
}
.region-secondary-menu ul.sf-menu.sf-accordion .sf-has-clone-parent li a{
    background: lightgrey;
}
.region-secondary-menu ul.sf-menu.sf-accordion .sf-has-clone-parent li a:hover{
    background: #333333;
}


.region-secondary-menu ul.sf-menu.sf-accordion a.sf-depth-1 {
    padding: 1em 1em !important;
}

.region-secondary-menu ul.sf-menu.sf-horizontal{
    text-align: center;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    z-index: 498;
}
.region-secondary-menu .block-superfish{
    background: #fff;
}

.region-secondary-menu ul.sf-menu li:last-child,
.countrymenu li:last-child{
    border-right: 1px solid #e5e5e5;
}
.region-secondary-menu ul.sf-menu li,
.countrymenu li {
    float: none;
    display: inline-block;
    border-left: 1px solid #e5e5e5;
}

.region-secondary-menu ul.sf-horizontal li.menuparent a.sf-depth-1, .region-secondary-menu ul.sf-horizontal li .menuparent.nolink {
    padding: 0 2.5rem 0 2rem;
    border-bottom: 0.5rem solid #dfdfdf;
    max-width: 150px;
    line-height: 1.8rem;
    height: 74.6px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.region-secondary-menu ul.sf-menu.sf-horizontal a.sf-depth-1,
.countrymenu li a{
    padding: 0 2rem;
    border-bottom: 0.5rem solid #dfdfdf;
    max-width: 130px;
    line-height: 1.8rem;
    height: 74.6px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.sticky-wrapper.is-sticky .region-secondary-menu ul.sf-menu.sf-horizontal a.sf-depth-1,
.sticky-wrapper.is-sticky .countrymenu li a{
    height: 60px;
    max-width: 140px;
}

.region-secondary-menu li.active-trail a.sf-depth-1,
.region-secondary-menu li.active-trail a.is-active.sf-depth-1,
.region-secondary-menu ul.sf-menu a.sf-depth-1:hover,
.countrymenu li a:hover,
.countrymenu li.active a,
.region-secondary-menu ul.sf-menu .nolink:hover,
.page-node-type-tools ul.sf-menu a.toolslink,
.page-node-type-inputs ul.sf-menu a.inputslink{
    background: #4d4d4d;
    color: #fff;
    border-bottom: .5rem solid #00a1d8 !important;
    cursor: pointer;
}

.region-secondary-menu ul.sf-menu a.sf-depth-2{
    text-align: left;
    background: #fff;
}

.sf-accordion-toggle a{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 2.4rem;
}


.sf-accordion-toggle{
    padding: 2rem;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    font-size: 2rem;
}   
.sf-accordion-toggle a::after{
    content: "\f0c9";
    font-size: 2.7rem;
    vertical-align: middle;
    line-height: 30px;
    color: #00a1d9;
    margin-left: 1.5rem;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}

.sf-accordion-toggle a.sf-expanded::after {
    content: "\f00d";
}
.sf-accordion-toggle a:hover{
    color: #000;
    text-decoration: none;
}
.sf-accordion-toggle a:active{
    color: #000;
    text-decoration: none;
}

.region-secondary-menu ul#superfish-hlpf-main-menu-accordion a.sf-depth-1 {
    padding: 1.5em 1.5em;
    border-bottom: 3px solid #e5e5e5;
}
.region-secondary-menu ul#superfish-hlpf-main-menu-accordion li.active-trail a.sf-depth-1,
.region-secondary-menu ul#superfish-hlpf-main-menu-accordion a.sf-depth-1:hover{
    background: #4d4d4d;
    color: #fff;
    border-bottom: 3px solid #00a1d8;
}


.secondarymenucon .smbottomborder{
    width: 100%;
    border-bottom: .5rem solid #dfdfdf;
    position: absolute;
    bottom: 0;
}

.region-secondary-menu ul.sf-menu li:hover > ul, .region-secondary-menu ul.sf-menu li.sfHover > ul {
    left: 0;
    top: 5.3em;
}

.sticky-wrapper.is-sticky .region-secondary-menu ul.sf-menu li.sfHover > ul {
    left: 0;
    top: 4em;
}

ul.sf-accordion{
    overflow-y: scroll;
    max-height: 55vh;
    width: 96% !important;
    margin-left: 2% !important;
}

ul.sf-accordion::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
  }
  
  ul.sf-accordion::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }


.sticky-wrapper.is-sticky ul.sf-menu,
.sticky-wrapper.is-sticky ul.countrymenuul{
    background-color: #fff;
}
.sticky-wrapper.is-sticky .secondarymenucon{
    z-index: 99 !important;
    background-color: #fff;
}
.sticky-wrapper.is-sticky .region-secondary-menu ul li.menuparent a.sf-depth-1, 
.sticky-wrapper.is-sticky .region-secondary-menu ul li .menuparent.nolink,
.sticky-wrapper.is-sticky ul.countrymenuul a{
    padding: 1.5em 2em 1.5em 1.5em;
}
.sticky-wrapper.is-sticky .region-secondary-menu ul.sf-menu a.sf-depth-1 {
    padding: 1.5em 1.5em;
}




h2.block-title::after,
.path-frontpage h1.page-header::after,
.threecolumncon h3::after,
.viewrelatedstyle h3::after,
.viewrelatedstyle h4::after,
.watch-hlpf-container h3::after,
.views-field-field-second-title h2::after,
.block-views-blockcountry-header-block-1 .views-field-title h1::after,
.block-views-blockcountry-header-block-1 .views-field-name h1::after,
.views-field-field-full-title-tab h2::after,
.block-views-blockcountry-header-tax-block-1 .views-field-name h1::after,
.block-views-blockcountry-header-tax-block-1 .views-field-field-country-full-name h1::after,
.block-views-blockhlpf-year-blog-block-1  h3::after{
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1rem;
    border-top: #00a1d9 solid 3px;
    width: 33%;
}
.block-views-blockhlpf-over-the-years-block-1 h2.block-title::after,
.views-field-field-second-title h2::after,
.block-center-title .views-field-field-second-title h2::after,
.block-views-blockfeatured-links-block-1.singleblock h2::after {
    margin-left: auto;
    margin-right: auto;
    width: 10%;
}

.fourcolumn,
.fourcolumn .view-content,
.fourcolumn .view-content .views-infinite-scroll-content-wrapper,
.threecolumn,
.threecolumn .view-content,
.threecolumn .view-content .views-infinite-scroll-content-wrapper,
.twocolumn,
.twocolumn .view-contentm
.twocolumn .view-content .views-infinite-scroll-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}




.fourcolumn .views-row{
    padding: 2rem;
    flex: 0 25%;
    overflow: hidden;
}

.fourcolumn.socialmediapostsview .views-row{
    padding: 1rem;
    flex: 0 25%;
    overflow: hidden;
}


.threecolumn img,
.threecolumn .view-content img,
.fourcolumn .view-content img,
.region-disd-products .block img,
.twocolumn img{
    width: 100%;
}
.threecolumncon,
.threecolumn .views-row{
    padding: 2rem;
    flex: 0 33%;
    margin-bottom: 2%;
    overflow: hidden;
}
.twocolumncon{
    padding: 2rem;
    flex: 0 50%;
}
.twocolumncon.linklist{
    padding: 2rem;
    flex: 0 48%;
}
.linklist{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}
.threecolumn .view-content::after,
.fourcolumn .view-content::after,
.region-disd-products .block::after,
.block-views-blockcountries-block-1 .view-content::after,
.threecolumn .view-content .views-infinite-scroll-content-wrapper::after,
.fourcolumn .view-content .views-infinite-scroll-content-wrapper::after,
.twocolumn .view-content .views-infinite-scroll-content-wrapper::after {
    content: '';
    flex: auto;
}

.threecolumn.view-hlpf-year-blog .views-field-field-blog-image-file img{
    width: auto;
    margin: 0 auto;
}


/* HLPF Over The Years */
.block-views-blockhlpf-over-the-years-block-1 h2.block-title,
.block-center-title h2.block-title,
.block-center-title .views-field-field-second-title h2,
.block-views-blockfeatured-links-block-1.singleblock h2{
    text-align: center;
    margin: 4rem 0 4rem 0;
}

.block-views-blockhlpf-over-the-years-block-1 .form-group{
    background: #f4f4f4;
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}
.block-views-blockhlpf-over-the-years-block-1  .slide__content{
    padding: 3rem 10rem;
}
.block-views-blockhlpf-over-the-years-block-1  .slick-track{
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.slick--thumbnail .slick-track{
    background: #f4f4f4;
    border: none;
} 
.view-id-hlpf_over_the_years .slick--main .slide__caption {
    padding: 0 ;
}
.view-id-hlpf_over_the_years.view-display-id-block_2 .view-content{
    display: flex;
}
.view-id-hlpf_over_the_years.view-display-id-block_2 .views-row{
    margin: 1rem 0.5rem;
}

.block-views-blockhlpf-over-the-years-block-1 h2.slide__title,
.block-views-blockhlpf-over-the-years-block-1 .slide__description .views-field-body{
    margin: 0 0 2rem 0;
}
.block-views-blockhlpf-over-the-years-block-1 h2.slide__title::after{
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: #009edb solid 3px;
    width: 15%;
}
.block-views-blockhlpf-over-the-years-block-1 .slide__description{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 1.82rem;
}

.slide__caption{
    text-align: left;
}
.slicknavhlpfbody{
    font-size: 1.2rem;
}
.slicknavhlpfyear{
    font-weight: bold;
    margin-top: 2rem;
}

.slick--thumbnail.slick--skin--asnavfor .slick__slide.slick-current .slicknavhlpfbody{
    background: #fff;
}
.slick--thumbnail.slick--skin--asnavfor .slick__slide .slicknavhlpfbody{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem;
    min-height: 90px;
}
.slick--thumbnail.slick--skin--asnavfor .slick__slide.slick-current {
    box-shadow: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 4;
    background: none;
    border-left: solid 3px #009edb;
    margin-left: 6px;
}
.slick--thumbnail.slick--skin--asnavfor .slick__slide{
    border-left: solid 2px #e0e0e0;
    padding-top: 2rem;
    margin-right: 1rem;
    min-width: 180px;
}
.slick--thumbnail.slick--skin--asnavfor .slick__slide.slick-current::before{
    display: none !important;
}



.block-views-blockhlpf-over-the-years-block-1 .slick--thumbnail .slide__caption{
    padding: 0;
    cursor: pointer;
}
.slicknavhlpfyear{
    padding: 1rem;
}

.block-views-blockhlpf-over-the-years-block-1 .slick--thumbnail.slick--skin--asnavfor .slick-track {
    padding-bottom: 1rem;
    padding-top: 0px;
}

.block-views-blockhlpf-over-the-years-block-1 .slick--thumbnail.slick--skin--asnavfor .slick-list {
    padding: 0;
}
.slick-arrow::before {
    color: #000;
    font-size: 60px;
    font-size: 6rem;
}
.slick-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    font-weight: 900;
}
.slick-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
}



.slick--view--hlpf-over-the-years--block-1 button.slick-prev {
    left: 2rem;
}
.slick--view--hlpf-over-the-years--block-1 button.slick-next {
    right: 2rem;
}
.slick-wrapper {
    margin-bottom: 0px;
}

.slick--thumbnail.slick--initialized .slick__arrow{
    visibility: hidden;
    opacity: 0;
}
/*.slick--thumbnail.slick--initialized:hover .slick__arrow{
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}*/

.block-views-blockhlpf-over-the-years-block-1 #slick-views-hlpf-over-the-years-block-1-1-thumbnail-slider .slick-track{
    height: 180px;
    overflow-x: hidden;
}

.block-views-blockhlpf-over-the-years-block-1 .slick--thumbnail.slick--skin--asnavfor{
    padding: 0 2rem;
}
.block-views-blockhlpf-over-the-years-block-1 .slick-track{
    min-width: 2600px !important;
}


.path-frontpage h1.page-header{
    margin-top: 0;
    border-bottom: none;
}


.path-frontpage #main-container-container{
    clear: both;
    background-color: #f2f2f2;
}



.four-rem-bottom{
padding: 0 0 4rem 0;
}
.three-rem-bottom{
    padding: 0 0 3rem 0;
}
.two-rem-bottom{
    padding: 0 0 2rem 0;
}
.one-rem-bottom{
    padding: 0 0 1rem 0;
}

.block-views-blockkey-resolutions-block-1 header,
.block-views-blockvnrs-featured-block-1 header{
    float: left;
}
.block-views-blockkey-resolutions-block-1 header img,
.block-views-blockvnrs-featured-block-1 header img{
    height: 500px;
    width: auto;
}
.block-views-blockkey-resolutions-block-1 #krcon,
.block-views-blockvnrs-featured-block-1 #krcon{
    width: 50%;
    float: left;
    margin-top: 6rem;
    padding-left: 4rem;
}
.block-views-blockkey-resolutions-block-1 .views-infinite-scroll-content-wrapper,
.block-views-blockvnrs-featured-block-1 .views-infinite-scroll-content-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.block-views-blockkey-resolutions-block-1 .views-infinite-scroll-content-wrapper::after,
.block-views-blockvnrs-featured-block-1  .views-infinite-scroll-content-wrapper::after{
    content: '';
    flex: 0 50%;
}

.block-views-blockkey-resolutions-block-1 .views-row,
.block-views-blockvnrs-featured-block-1  .views-row{
    flex: 48%;
    padding: 0 1rem 1rem 0;
    margin-right: 2%;
}
.block-views-blockkey-resolutions-block-1 .views-row a{
    padding-left: 2.2rem;
}
.block-views-blockkey-resolutions-block-1 .views-row a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 9px;
    vertical-align: middle;
    line-height: 20px;
    margin-left: -2rem;
    position: absolute;
    font-weight: 900;
    color: #c4c4c4;
}
.block-views-blockkey-resolutions-block-1 .krows,
.block-views-blockvnrs-featured-block-1 .krows{
    padding-top: 2rem;
}
.krpager .pager{
    text-align: left;
}
.krtitle h2{
width: fit-content;
}


.social-sharing-buttons {
    justify-content: left;
    margin: 1em 0;
}
#block-bettersocialsharingbuttons-2 h2{
    font-size: 2.3rem;
}

.block-grey-bg,
.page-node-89 .fullwidth_content,
.page-node-526 .fullwidth_content,
.page-node-573 .fullwidth_content,
.page-node-8382 .fullwidth_content,
.searchcontentregion{
    background-color: #f2f2f2;
}

.page-node-573 .region-content {
    padding-bottom: 0;
}

.block-darkgrey-bg{
    background-color: #e3e3e3;
}
.block-width-fitypercent{
    width: 50%;
}
.block-float-left{
    float: left;
}
.block-float-right{
    float: right;
}
.clear{
    clear: both;
}

.block-margin-bottom-four{
    margin-bottom: 4rem !important;
}
.block-padding-bottom-four{
    padding-bottom: 4rem !important;
}
.block-padding-top-four{
    padding-top: 4rem !important;
}
.view-center-title-header .view-header{
    width: 100%;
    text-align: center;
}



.block-center-title h2.block-title{
    margin: 0 auto;
    padding: 6rem 0 3rem 0;
    width: fit-content;
}
.block-center-title h2.block-title::after{
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}

.view-center-header .view-header{
    width: 100%;
    text-align: center;
}
.view-center-header .view-header h2.block-title{
    margin: 0 auto;
    width: fit-content;
}
.view-center-header .view-header h2.block-title::after{
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}

.view-center-pager ul.pager {
    padding-left: 0;
    margin: 2rem auto 0 auto;
    width: 100%;
}

.block-views-blockkey-resolutions-block-1 ul{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}





.block-normal-container,
.block-inside-container .view,
.watch-hlpf-container,
.page-node-type-hlpf_year .fullwidth_content_two .fullwidthcontentcon,
.page-node-type-hlpf_year_media .fullwidth_content .fullwidthcontentcon,
.page-node-89 .fullwidth_content .fullwidthcontentcon,
.page-node-526 .fullwidth_content .fullwidthcontentcon,
.page-node-573 .fullwidth_content .fullwidthcontentcon,
.page-node-8382 .fullwidth_content .fullwidthcontentcon,
.searchcontentregioncon{ 
    width: 1320px;
    margin: 0 auto;
    max-width: 96%;
}
.page-node-89 .fullwidth_content .fullwidthcontentcon,
.page-node-526 .fullwidth_content .fullwidthcontentcon,
.page-node-8382 .fullwidth_content .fullwidthcontentcon,
.page-node-573 .fullwidth_content .fullwidthcontentcon{ 
    padding: 4rem 0;
}

h2.block-title{
    width: fit-content;
}

.block-views-blockvnrs-year-hlpf-year-block-1.singleblock{ 
    padding: 2rem 0 0 0;
    width: 100%;
}

.block-views-blockfeatured-links-block-1 .singleblock{

}

.page-node-type-hlpf_year .fullwidth_content_two,
.page-node-type-hlpf_year_media .fullwidth_content,
.page-node-type-hlpf_year_programme .fullwidth_content{
    background-color: #f2f2f2;
}
.page-node-type-hlpf_year .region-fullwidth-content-two,
.page-node-type-hlpf_year_media .fullwidth_content .region-fullwidth-content{
    display: flex;
    align-items: center;
    justify-content: center;
}

#block-views-block-media-webcast-image-block-1{
    width: 60%;
    padding-right: 2%;
}
#block-views-block-webcast-block-1{
    width: 38%;
    padding: 4rem 0;
}
.view-grey-dot-row .views-row{
    padding: 0.5rem 1.4rem 0.5rem;
}

.block-views-blockvnrs-year-hlpf-year-block-1{
    width: 73%;
    padding-left: 2%;
}
.block-views-blockfeatured-links-block-1{
    width: 25%;
    padding: 4rem 0;
}

.singleblock.block-views-blockfeatured-links-block-1{
    width: 50%;
}
.singleblock.block-views-blockfeatured-links-block-1 .pager{
    text-align: center !important;
}
.view-row-1px-bot-border .views-row{
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.view-featured-links h2{
    width: fit-content;
}
.block-views-blockfeatured-links-block-1.singleblock .view-featured-links h2{
    width: auto;
}

.leftpager .pager{
    text-align: left;
}
.centerpager ul.pager{
    width: 100%;
}

.viewrelatedstyle .views-field-body,
.viewrelatedstyle .views-field-title{
    background-color: #fff;
    padding: 0 2rem 2rem 2rem;
}
.viewrelatedstyle .views-field-field-date{
    background-color: #f2f2f2;
    padding: 2rem;
}
.viewrelatedstyle .views-field-field-date .field-content::before{
    font-family: "Font Awesome 5 Free";
    content: "\f133";
    font-weight: 900;
    margin-right: 1rem;
}
.viewrelatedstyle .views-field-title h3,
.viewrelatedstyle .views-field-title h4{
    margin: 0;
    padding-top: 2rem;
}









.block-views-blockhlpf-year-homepage-block-1{
    position: relative;
}
.hlpf-date,
.hlpf-location{
    font-size: 3rem;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
}
.hlpf-date{
    margin-right: 2rem;
}
.hlpf-date:before {
    font-family: "Font Awesome 5 Free";
    content: "\f133";
    font-weight: 900;
    margin-right: 1.5rem;
}
.hlpf-location:before {
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
    font-weight: 900;
    margin-right: 1.5rem;
}
.hlpf-banner-container img{
    width: 100%;
    object-fit: cover;
    min-height: 350px;
}
.hlpf-year-hp-con{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}
.hpfy-year-details{
    position: absolute;
    top: 25%;
    width: 100%;
}
.hlpf-year-hp-con a{
    color: #fff;
}
.hlpf-year-hp-con .hlpf-year-button a{
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: fit-content;
    padding: 1rem 1rem 1rem 1.5rem;
}
.hlpf-year-hp-con h2{
    text-transform: uppercase;
    font-size: 4rem;
    color: #fff;
}
.hlpf-year-hp-con h3{
    color: #fff;
    font-size: 3rem;
}

.hlpf-year-button{
    margin: 4rem auto 0 auto;
}

.hlpf-year-button a::after{
    font-family: "Font Awesome 5 Free";
    content: "\f30b";
    font-weight: 900;
    padding: 0 1rem;
}

.hlpf-hp-blue-border{
    width: 20%;
    margin: 0 auto 1.5rem auto;
    border-bottom: #00a1d9 solid 3px;
    padding: .5rem 0;
}

.hlpf-hp-banner{
    height: 572px;
    position: relative;
    overflow: hidden;
    background-color: #000;
    object-fit: cover;
    width: 100%;
}

.hlpf-hp-banner video{
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
}


.vnrs-inputs-hp-con{
    background-color: #fff;
    position: absolute;
    top: 27%;
    right: 10%;
    padding: 2rem;
    width: 50%;
}
.vnrs-inputs-hp-con li{
    list-style-type: none;
}
.vnrs-inputs-hp-con ul{
    padding-left: 0;
}
.vnrs-inputs-hp-con a{
    font-size: 2.5rem;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    border: #00a1d9 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1rem;
    display: block;
    margin: 0 0 2rem 0;
}
.vnrs-inputs-hp-con li:last-child a{
    margin: 0;
}
.vnrs-inputs-hp-con a::after{
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    padding: 0 1rem;
    color: #00a1d9;
    position: absolute;
    right: 2rem;
}

.vnrs-inputs-hp-con img{
    margin: 0 0 2rem 0;
}

.view-hlpf-year-banner{
    position: relative;
} 

.hlpf-video-container{
    height: 500px;
    overflow: hidden;
    position: relative;
}
.hlpf-video-container video{
    position: absolute;
    object-fit: cover;
    min-height: 500px;
    margin-top: -200px;
}

#hlpfbannervideo{
    display: none;
}
.block-views-blockhlpf-year-banner-block-1  .hlpf-year-button{
    cursor: pointer;
}
.block-views-blockhlpf-year-banner-block-1  .hlpf-year-button a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f04b";
    font-weight: 900;
    padding: 0 1rem;
}

.vnrs-hlpf-year{
    position: relative;
    height: 500px;
    clear: both;
}
a.vnrs-year-link{
    color: #fff;
    position: absolute;
    bottom: 4rem;
    left: 6rem;
    padding-left: 4rem;
}
a.vnrs-year-link::before{
    font-family: "Font Awesome 5 Free";
    content: "\f15c";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: .5rem;
    font-size: 4rem;
}
a.vnrs-year-link h4{
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: .05rem;
}

.black-bottom-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    height: 100%;
}



.watch-hlpf-container{
    display: flex;
    padding: 5rem 0;
    align-items: center;
    justify-content: center;
}
.watch-hlpf-text{
    background-color: #fff;
    padding: 2%;
    flex: 0 30%;
}
.watch-hlpf-banner{
    flex: 0 70%;
}
.watch-hlpf-container h3{
    text-transform: uppercase;
    color: #000;
}
.view-watch-hlpf.view-display-id-block_2 .view-content{
    display: flex;
}
.view-watch-hlpf.view-display-id-block_2 .views-row{
    padding: 1rem;
}

.watch-hlpf-icons img{
    max-width: 80px;
}


.view-featured-programme .slick-list.draggable{
    padding: 0 6rem;
}
.view-featured-programme{
    margin: 2rem 0;
}
.view-featured-programme .slide__content{
    padding: 0 2rem;
}
.view-featured-programme .slick__slide img{
    width: 100%;
    margin-bottom: 1rem;
}

.nofileformatting .file,
article .file,
.listoflinksp .file{
    display: unset; 
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    width: inherit;
}

.page-node-type-hlpf_year_media .region-fullwidth-content-three{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#block-views-block-media-and-press-materials-block-3{
    width: 50%;
}

#block-views-block-media-and-press-materials-block-2{
    width: 20%;
    padding: 2rem;
}
#block-views-block-media-and-press-materials-block-1{
    width: 30%;
    padding: 2rem;
}
#block-views-block-media-and-press-materials-block-2 .views-field-field-mediacoverimage img{
    width: 300px;
    max-width: 100%;
}


#tabsmenu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 4rem 0;
}

#tabsmenu .tabitem a{
    padding: 20px;
    text-align: center;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    min-width: 100px;
    display: block;
}
#tabsmenu .tabitem.active a,
#tabsmenu .tabitem a:hover{
    background-color: #fff;
    color: #000;
    padding: 20px 20px 18px 20px;
}
#tabsmenu .itemdayname{
    text-transform: uppercase;    
}
#tabsmenu .itemdaymonth{
    font-weight: 700;
    font-size: 2.5rem;    
}
#tabsmenu .tabitem{
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}
#tabsmenu > div:first-of-type{
    border-left: 12px solid #00a1d9;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
#tabsmenu > div:last-of-type{
    border-right: 12px solid #00a1d9;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
#tabsmenu .tabitem.active,
#tabsmenu .tabitem:hover{
    border-bottom: 3px solid #00a1d9;
}


.tabcontents{
    padding-top: 200px;
    margin-top: -200px;
}   


.tabcontents h3 {
    padding-left: 2rem;
}
.tabcontents h3 .itemcategory::before {
    content: "·";
    font-size: 90px;
    vertical-align: middle;
    line-height: 25px;
    color: #d8d8d8;
    margin-left: -2.5rem;
    position: absolute;
}
.tabcontents h3 .itemcategory.blue::before,
.blue.programcat:before {
    color: #00a1d9;
}
.tabcontents h3 .itemcategory.purple::before,
.purple.programcat:before {
    color: #e01483;
}
.tabcontents h3 .itemcategory.orange::before,
.orange.programcat:before {
    color: #f26a2e;
}
.tabcontents h3 .itemcategory.red::before,
.red.programcat:before {
    color: #c7212f;
}
.tabcontents h3 .itemcategory.green::before,
.green.programcat:before {
    color: #4ca146;
}
.tabcontents h3 .itemcategory.yellow::before,
.yellow.programcat:before {
    color: #fbc412;
}

.blue.views-row{
    border-left: 5px solid #00a1d9;
}
.purple.views-row{
    border-left: 5px solid #e01483;
}
.orange.views-row{
    border-left: 5px solid #f26a2e;
}
.red.views-row{
    border-left: 5px solid #c7212f;
}
.green.views-row{
    border-left: 5px solid #4ca146;
}
.yellow.views-row{
    border-left: 5px solid #fbc412;
}

.block-facet-blocktype-inputs label::after{
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 1.5rem;
    right: 0;
    top: 0;
    position: absolute;
    font-weight: 900;
}
.block-facet-blocktype-inputs label{
     padding-right: 2rem;
     position: relative;
     width: 100%;
}

.block-facet-blocktype-inputs label[for="type-intergovernmental-forums-and-bodies"]::after {
    color: #c7212f;
}
.block-facet-blocktype-inputs label[for="type-major-groups-and-other-stakeholders"]::after {
    color: #4ca146;
}
.block-facet-blocktype-inputs label[for="type-partnerships-and-voluntary-commitments"]::after {
    color: #e01483;
}
.block-facet-blocktype-inputs label[for="type-voluntary-national-reviews"]::after {
    color: #00a1d9;
}





.itemcontainer{
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 0.3rem;
    display: flex;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.itemdetails .itemtime{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
}
.itemdetails{
    padding: 1rem 1rem 1rem 1.5rem;
    border-right: 3px solid;
    min-width: 230px;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}
.itemdetails.blue{
    border-right: 3px solid #00a1d9;
}
.itemdetails.purple{
    border-right: 3px solid #e01483;
}
.itemdetails.orange{
    border-right: 3px solid #f26a2e;
}
.itemdetails.red{
    border-right: 3px solid #c7212f;
}
.itemdetails.green{
    border-right: 3px solid #4ca146;
}
.itemdetails.yellow{
    border-right: 3px solid #fbc412;
}

.itemtitle{
    padding: 2rem;
    font-weight: bold;
}
.itemspecifics{
    color: #b2b2b2;
    width: 230px;
}

.block-views-blockprogramme-bios-block-1 .view-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0;
}
.block-views-blockprogramme-bios-block-1 .view-content::after {
    content: '';
    flex: auto;
}
.block-views-blockprogramme-bios-block-1 .views-row{
    width: 20%;
    cursor: pointer;
    margin-bottom: 4rem;
    text-align: center;
    padding: 0 4rem;
}
.block-views-blockprogramme-bios-block-1 .views-field-nothing{
    display: none;
}
.block-views-blockprogramme-bios-block-1  .views-field-nothing-1 img,
.view-id-programme_bios.view-display-id-block_2 img{
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
    height: 150px;
}
.view-id-programme_bios.view-display-id-block_2 img{
    width: 60px;
    height: 60px;
}
.view-id-programme_bios.view-display-id-block_2 .views-row{
    float: left;
    margin: 3px;
}

.block-views-blockprogramme-bios-block-1 .views-field-nothing-1 .bioname{
    margin-top: 1rem;
    font-weight: bold;
}
.block-views-blockprogramme-bios-block-1 .views-field-nothing-1 .bioposition{
    font-size: 1.2rem;
}

.biocolorbox{ 
    width: 850px;
}
.biocolorbox .bioimg{
    float: right;
    margin: 0 0 2rem 2rem;
}
.biocolorbox .bioimg img{
    border-radius: 50%;
    object-fit: cover;
}
.biocolorbox .biotitle h2{
    margin: 0 0 1rem 0;
}
.biocolorbox .bioposition{
    font-weight:bold;
    margin-bottom: 2rem;
}


#block-views-block-programme-items-block-4{
    z-index: 1;
}


.listoflinksp ul,
.views-field-field-document-rich-text ul,
.views-field-field-statement-rich-text ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.listoflinksp .On ul,
.views-field-field-document-rich-text .On ul,
.views-field-field-statement-rich-text .On ul{
    list-style-type: disc;
    padding: 0 0 0 1.5rem;
    margin: 0;
}
.listoflinksp li{
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 0.3rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
    padding: 1rem 1.5rem;
}

.listoflinksp li li,
.views-field-field-document-rich-text li,
.views-field-field-statement-rich-text li{
    padding: unset;
    box-shadow: none;
    border-radius: unset;
    margin: unset;
}

.listoflinksp li .On li,
.views-field-field-document-rich-text .On li,
.views-field-field-statement-rich-text .On li{
    margin: 1rem 0 !important;
}


.listoflinksp .views-field-field-description{
    margin: 2rem 0;
}
.listoflinksp .views-field-field-title{
    margin-bottom: 2rem;
}
.listoflinksp .views-field-field-hlpf-footer-description{
    margin: 2rem 0;
}

.region-content td,
.region-content th{
    padding: 10px;
}


.block-views-blockvnrs-banner-block-1 .views-field-field-main-banner img{
    width: 100%;
    display: block;
}

.block-views-blockvnrs-handbook-block-1 .views-row,
.hbfiles{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hbfiles{
    width: 340px;
    margin-top: 2rem;
}
.block-views-blockvnrs-handbook-block-1 .views-row .views-field{
    width: 50%;
} 
.block-views-blockvnrs-handbook-block-1 h2.block-title{
    width: fit-content;
}
.block-views-blockvnrs-handbook-block-1 a.button{
    width: 160px;
    margin: 5px 5px 5px 0;
}
.block-views-blockvnrs-handbook-block-1 .views-field-field-handbook-image{
    height: 400px;
    overflow: hidden;
}

.block-views-blockvnrs-handbook-block-1 .views-field-field-handbook-image .field-content{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: left;
}


.block-views-blockvnrs-handbook-block-1 .views-field-field-handbook-image img{
    width: 100%;
}
.block-views-blockvnrs-handbook-block-1 .views-field-nothing{
    padding: 5rem;
}


.block-views-blockvnrs-featured-block-1 .views-row{
padding-left: 2.2rem;
}
.block-views-blockvnrs-featured-block-1 .views-row::before{
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 9px;
    vertical-align: middle;
    line-height: 20px;
    margin-left: -2rem;
    position: absolute;
    font-weight: 900;
    color: #c4c4c4;
}



.region-sidebar-second{
    margin-top: 4rem;
}


.block-views-blockprogram-details-block-1 .views-field{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    position: relative;
}
.block-views-blockprogram-details-block-1 .programcat,
.block-views-blockprogram-details-block-1 .programspecifics,
.block-views-blockprogram-details-block-1 .itemtime,
.block-views-blockprogram-details-block-1 .itemdate{
    padding-left: 3rem;
}
.block-views-blockprogram-details-block-1 .itemdate::before{
    font-family: "Font Awesome 5 Free";
    content: "\f133";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    left: 0;
}
.block-views-blockprogram-details-block-1 .itemtime::before{
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    left: 0;
}
.block-views-blockprogram-details-block-1 .programspecifics:before{
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    left: 0;
}
.block-views-blockprogram-details-block-1 .programcat:before{
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    left: 0;
}

.block-views-blockprogram-documentation-block-1 .view-content{
    margin-top: 2rem;
}

.field-content .file{
    background: #fff;
}


.block-views-blockcountry-header-block-1 .views-field-field-flag,
.block-views-blockcountry-header-tax-block-1 .views-field-field-flag{
    float: right;
    padding-top: 4rem;
}
.block-views-blockcountry-header-block-1 .views-field-field-flag img,
.block-views-blockcountry-header-tax-block-1 .views-field-field-flag img{
    width: 300px;
    border: 1px solid #f2f2f2;
}

.block-views-blockcountry-header-block-1 .views-field-title h1,
.block-views-blockcountry-header-block-1 .views-field-name h1,
.block-views-blockcountry-header-tax-block-1 .views-field-name h1,
.block-views-blockcountry-header-tax-block-1 .views-field-field-country-full-name h1{
    margin: 0;
    position: absolute;
    top: 100px;
}

.block-views-blockcountry-header-block-1,
.block-views-blockcountry-header-tax-block-1{
    margin-bottom: 4rem !important;
    position: relative;
}

.countrymenu ul.countrymenuul{
    padding: 0;
    list-style-type: none;
    text-align: center;
    margin: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.countrymenu li{
    display: inline-block;
    position: relative;
    z-index: 498;
}




.whiteboxgrid .view-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0;
}
.whiteboxgrid .view-content .countryitem,
.whiteboxgrid .view-content .views-row{
    width: 23%;
    margin: 1%;
    padding: 2rem;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.countryitem h3{
    margin: 2rem 0 0 0;
}

.block-views-blockcountries-block-1 .view-content .countryitem img{
    border: 1px solid #d7d7d7;
    height: 100px;
    width: auto;
    object-fit: cover;
    margin: 0 auto;
}


.block-views-blocklessons-learned-and-best-practices-block-1 .views-field-name-7{
    float: right;
}
.block-views-blocklessons-learned-and-best-practices-block-1 .views-field-field-flag{
    width: 50%;
    border: 1px solid #d7d7d7;
}
.block-views-blocklessons-learned-and-best-practices-block-1 .views-field-field-flag img{
    width: 85px;
    height: 60px;
    object-fit: cover;
}



.block-facets ul {
    padding: 0;
    margin: 0;
}
.block-facets ul li {
    font-weight: normal;
    list-style: none;
    padding: 5px 0;
    border-top: 1px solid #eee;
    position: relative;
}
.block-facets ul li input {
    position: absolute;
    left: 0;
    top: 5px;
}
.block-facets ul li label {
    margin-left: 20px;
    text-transform: capitalize;
}

.facets-widget-dropdown select{
    width: 100%;
    padding: 1rem;
    background-color: #f2f2f2;
}

.facet-left-sidebar{
    width: 23%;
    margin-right: 2%;
    float: left;
}
.block-views-blockcountries-block-1,
.block-views-blocklessons-learned-and-best-practices-block-1,
.block-views-blockvnrs-inputs-block-1,
.block-views-blocktools-block-1 {
    width: 70%;
    float: right;
}
.block-views-blocklessons-learned-and-best-practices-block-1,
.block-views-blockvnrs-inputs-block-1,
.block-views-blocktools-block-1 {
    min-height: 800px;
}

.view-id-webcastview .views-row{
    margin-bottom: 2rem;
}
.webcastpicon{
    position: relative;
    background: #333;
}
.webcastpicon img{
    margin: 0 auto;
}
.webcastpilink{
    position: absolute;
    bottom: 0;
    padding: 2rem 1rem 1rem 1rem;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
}
.webcastpilink a{
    color: #fff;
    text-shadow: 0 1px 1px #000;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 1.8rem;
}


.region-sidebar-second h3,
.view-program-statements h3,
.block-views-blockprogram-documentation-block-1 h3{
    color: #333333;
    font-size: 1.6rem;
    margin: 1rem 0;
}

.region-sidebar-second .file--application-pdf.icon-before .file-icon{
    background: url(../images/icons/icon_pdf.svg) no-repeat 5px 10px
}
.region-sidebar-second .file > span{
    background: none;
    border: none;
}
.region-sidebar-second .file-size{
    display: none;
}

.region-sidebar-second .file.icon-before .file-icon {
    background-size: 15px !important;
    padding: 20px 30px 0 0;
}
.region-sidebar-second .field-content .file {
    background: #fff;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    padding: 0.5rem;
}


.sidebarlist .views-field-field-document-rich-text,
.sidebarlist .views-field-field-statement-rich-text{
    background: #fff;
    padding: 1rem;
}
.sidebarlist .views-row{
    margin-bottom: 1rem;
}
.sidebarlist a,
.alllist a{
    color: #337ab7;
}

.alllist .views-field-field-document-rich-text,
.alllist .views-field-field-statement-rich-text{
    background: #fff;
    border: 1px solid #ccc;
    padding: 1rem;
    margin-bottom: 1rem;
}

.sidebarlist li a{
    display: inline-block;
}

.view-taxonomy-term .view-content{
    display: none;
}




.facet-left-sidebar.views-exposed-form.bef-exposed-form input {
    width: 100% !important;
}
.facet-left-sidebar .js-form-item-keywords,
.facet-left-sidebar .js-form-item-search {
    width: 70%;
}
.region-sidebar-first .views-exposed-form.bef-exposed-form form,
.facet-left-sidebar.views-exposed-form.bef-exposed-form form{
    padding-top: 10px;
}
.region-sidebar-first .views-exposed-form.bef-exposed-form label,
.facet-left-sidebar.views-exposed-form.bef-exposed-form label{
    position: absolute;
    top: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: 700;
}

.region-sidebar-first .views-exposed-form.bef-exposed-form button,
.facet-left-sidebar.views-exposed-form.bef-exposed-form button{
    overflow: hidden;
    width: 35px;
}
.region-sidebar-first .views-exposed-form.bef-exposed-form .glyphicon-search,
.facet-left-sidebar.views-exposed-form.bef-exposed-form .glyphicon-search{
    padding-right: 100px;
}

.region-sidebar-first .views-exposed-form.bef-exposed-form .form-actions .btn,
.facet-left-sidebar.views-exposed-form.bef-exposed-form .form-actions .btn{
    margin-left: 10px;
    margin-right: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.view-country-lessons-learned .views-label{
    font-weight: bold;
}
.view-country-lessons-learned .inlinelabel{
    margin-right: 1rem;
}

.tabbedcontent, 
#block-quicktabsvnrs,
.manualtabs{
    margin: 4rem 0;
}

.tabbedcontent .quicktabs-tabs a,
#block-quicktabsvnrs .quicktabs-tabs a,
.manualtabs ul.tablinks a{
    padding: 2rem;
    border-bottom: 0.5rem solid #dfdfdf;
    max-width: 130px;
    line-height: 1.8rem;
    height: 74.6px;
    background-color: #f2f2f2;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}
.tabbedcontent .quicktabs-tabs li.active a,
#block-quicktabsvnrs .quicktabs-tabs li.active a,
.manualtabs ul.tablinks li.active a{
    background-color: #fff;
    border-bottom: 0.5rem solid #00a1d8 ;
}
.tabbedcontent ul.quicktabs-tabs, 
#block-quicktabsvnrs ul.quicktabs-tabs,
.manualtabs ul.tablinks{
    padding: 0;
    min-height: 60px;
}
.manualtabs ul.tablinks{
    display: flex;
}


.tabbedcontent ul.quicktabs-tabs li:first-child a,
#block-quicktabsvnrs ul.quicktabs-tabs li:first-child a,
.manualtabs ul.tablinks li:first-child a{
    border-left: 1px solid #dfdfdf;
}
.tabbedcontent ul.quicktabs-tabs li,
#block-quicktabsvnrs ul.quicktabs-tabs li,
.manualtabs .tablinks li{
    display: inline-block;
    background: none;
    list-style-type: none;
    padding: 0;
    white-space: unset;
    height: 70px;
}


.sticky-wrapper.is-sticky ul.sf-accordion li.sf-expanded{
    overflow-y: scroll;
    max-height: 300px; 
}



.views-field-field-full-title-tab h2{
    width: fit-content;
}

.left{
    float: left;
}
.right{
    float: right;
}
.fourtyeightpercent{
    width: 48%;
    }
.fiftypercent{
    width: 50%;
}


.block-views-blockvnrs-thumbnail-links-block-1{
    margin: 4rem auto;
    clear: both;
}
.block-views-blockvnrs-thumbnail-links-block-2{
    clear: both;
}

.igcon{
    position: relative;
    overflow: hidden;
}
.igoverlay{
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    height: 100%;
    border-bottom: 3px solid #009edb;
}

.igcon a{
    color: #fff;
    text-shadow: 0 1px 1px #000;
}
.igcon a:hover{
    color: #fff;
    text-shadow: 0 1px 1px #000;
    text-decoration: none;
}

.igtitle{
    font-size: 2.5rem;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: left;
    padding: 2rem;
}
.igphotocount{
    font-weight: 500;
    font-size: 1.7rem;
}
.igcon img{
    width: 100%;
    overflow: hidden;
    transition: transform .9s ease;
}
.igtext{
    height: 100%;
}

.igcon:hover img {
    transform: scale(1.5);
  }

.threecolumn.nospace .views-row {
    padding: 0rem;
    flex: 0 33.3%;
    margin-bottom: 0;
    overflow: hidden;
}

.block-views-blockvnrs-thumbnail-links-block-2 .igtitle {
    font-size: 4.5rem;
    width: 100%;
    text-align: center;
    display: flex;
    height: 100%;
    align-items:center;
    justify-content:center;
}
.block-views-blockvnrs-thumbnail-links-block-2 .igtitle p::after{
    content: '';
    display: block;
    margin: 1.1rem auto 0 auto;
    border-top: #009edb solid 3px;
    width: 30%;
}

.whitelist .view-content{
    margin: 2rem 0;
}
.whitelist .views-row{
    padding: 2rem;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 1rem;
}
.boldlabel{
    font-weight: bold;
}
.whitelist h4{
    margin-top: 0;
}
.whitelist .views-field-field-flag{
    width: 75px;
    float: right;
    border: 1px solid #f2f2f2;
}

.inputsitem{
    margin-right: 1.5rem;
}


.region-secondary-menu{
    width: 100%;
    text-align: center;
    display: flex;
    align-items:center;
    justify-content:center;
}


.sidebarlink a{
    background: #fff;
    padding: 1.5rem 1.5rem 1.5rem 3.5rem;
    margin: 1rem 0;
    display: block;
    color: #337ab7;
}
.sidebarlink::before{
    font-family: "Font Awesome 5 Free";
    content: "\f0c1";
    font-weight: 900;
    margin-left: 1rem;
    color: #009edb;
    position: absolute;
    left: 0;
    font-size: 1.5rem;
    top: 15px;
}
.sidebarlink{
    position: relative;
}

.bodydocslink::before{
    font-family: "Font Awesome 5 Free";
    content: "\f0c1";
    font-weight: 900;
    margin-left: 0.8rem;
    color: #009edb;
    position: absolute;
    left: 0;
    font-size: 2rem;
    top: 6px;
}
.block-views-blockcountry-conte-block-3 h2{
    margin-top: 0;
}
.bodydocslink{
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    padding: 1rem 1.5rem 1rem 3.5rem;
    min-height: 44px;
    margin: 1rem 0;
}

.bodydocslink a{
    color: black;
    border-bottom: dotted 0.1rem #333333;
}

.block-views-blockinput-details-block-1{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.views-field-field-input-description{
    float: right;
}

.displaynone{
    display: none;
}



.view-country-statements .file{
    background: #fff;
}

.block-views-blockhlpf-vnrs-year-block-1 table{
    width: 100%;
    margin: 2rem auto;
}
.block-views-blockhlpf-vnrs-year-block-1 td{
    vertical-align: middle;
}
.block-views-blockhlpf-vnrs-year-block-1 td.views-field-field-flag img{
    float: right;
    height: 35px;
    width: 65px;
    border: 1px solid #f2f2f2;
}


.topHeaderOrange{
    font-weight: bold;
    margin: 1rem 0;
    background: #ffe9c1;
    padding: 1rem;
}
table.nationalReports{
    width: 100%;
    background-color: #f2f2f2;
}
table.nationalReports td{
    border: 1px solid #e3e3e3;
}
table.nationalReports td.nationalHeader{
    font-weight: bold;
}

.block-views-blockvnrs-number-block-1{
    margin: 1rem 0;
}
.block-views-blockvnrs-number-block-1 .view-content{
    display: none;
}

.drdownloadicon{
    position: relative;
    padding-right: 2.5rem;
    width: 20px;
    float: left;
}
.drdownloadicon::after{
    font-family: "Font Awesome 5 Free";
    content: "\f019";
    font-weight: 900;
    margin-right: 1.5rem;
    color: #009edb;
    position: absolute;
    left: 0;
    font-size: 1.5rem;
    top: 0;
}

.projectRow{
    padding: 2rem;
    background-color: #f2f2f2;
    margin: 2rem 0;
    display: flex;
}
.projectRow a.title{
    font-weight: bold;
    font-size: 1.82rem;
    margin-bottom: 1rem;
}
.projectRow .header{
    font-weight: bold;
    font-size: 1.82rem;
    margin-bottom: 1rem;
}
.projectRow .col1{
    width: 70%;
}
.projectRow .col1 p{
    margin: 1.5rem 0;
}
.projectRow .col2{
    width: 28%;
    margin-left: 2%;
}

.block-views-blockhlpf-year-blog-block-1 .views-row{
    background-color: #fff;
}

.field--name-field-blog-image img{
    margin: 0 auto 2rem auto;
    max-width: 90%;
}

.field--name-field-blog-link,
.field--name-field-blog-attachments{
    margin: 2rem 0;
}
.field--name-field-blog-link .field--label,
.field--name-field-blog-attachments .field--label{
    margin: 0 0 1rem 0;
}

.view-hlpf-year-blog .views-field-created{
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2rem;
}
.view-hlpf-year-blog .views-field-created::before{
    font-family: "Font Awesome 5 Free";
    content: "\f073 ";
    font-weight: 900;
    margin-right: 1.5rem;
    color: #009edb;
    position: absolute;
    left: 0;
    font-size: 1.5rem;
    top: 0;
}
.view-hlpf-year-blog.threecolumn .views-row {
    flex: 0 31%;
    margin: 1rem;
}
.view-hlpf-year-blog.threecolumn .view-content .views-infinite-scroll-content-wrapper{
        justify-content: unset;
}


.page-node-type-hlpf-year .views-field-field-second-body img{
    max-width: 90%;
    height: auto;
}

.view-tools-detail-page.view-display-id-block_2 .view-content{
    display: flex;
    flex-wrap: wrap;
}
.view-tools-detail-page .view-display-id-block_2 .views-row{
    width: 100px;
    margin: 1rem 1rem 0 0;
}

.view-tools-detail-page .views-field-field-tool-link,
.view-tools-detail-page .views-field-body{
    margin-bottom: 2rem;
}

.view-tools-detail-page  .views-field-view{
    margin-top: 2rem;
}

.view-tools .views-field-url{
    position: absolute;
    right: 1.2rem;
    top: 1.8rem;
}
.view-tools .views-row{
    position: relative;
    padding-right: 5rem;
}
.view-tools .views-field-url a::before{
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    color: #009edb;
    position: absolute;
    right: 0;
    font-size: 4rem;
}


.block-views-blockblog-author-s-box-block-1 h2.block-title{
    margin-top: 0;
}
.block-views-blockblog-author-s-box-block-1 .views-row{
    margin-bottom: 2rem;
}
.block-views-blockblog-author-s-box-block-1 .views-field-field-author-name-bio{
    margin-top: 1rem;
}
.block-views-blockblog-author-s-box-block-1 .views-field-field-author-s-image img{
    margin: 0 auto;
}


.hbdescription td{
    padding-right: 15px;
}

.block-views-blockprogramme-items-block-2 .your-group-wrapper-class{
    display: flex;
    flex-direction: column;
}
.start6am{
    order:1;
}
.start7am{
    order:1;
}
.start8am{
    order:2;
}
.start9am{
    order:3;
}
.start10am{
    order:4;
}
.start11am{
    order:5;
}
.start12pm{
    order:6;
}
.start1pm{
    order:7;
}
.start2pm{
    order:8;
}
.start3pm{
    order:9;
}
.start4pm{
    order:10;
}
.start5pm{
    order:11;
}
.start6pm{
    order:12;
}
.start7pm{
    order:13;
}
.start8pm{
    order:14;
}
.start9pm{
    order:15;
}
.start10pm{
    order:16;
}




@media (min-width: 1400px){
.container {
    width: 1350px;
}
.blockcontainer,
.viewcontainer{
    width: 1320px;
    margin: 0 auto;
    max-width: 96%;
}
}


@media only screen and (max-width: 1600px) {
    .navbar.container {
        max-width: 1500px;
    }
    .region-secondary-menu ul.sf-menu.sf-horizontal a.sf-depth-1, .countrymenu li a {
        padding: 0 1.6rem;
    }
}
@media only screen and (max-width: 1400px){
    .block-normal-container,
    .block-inside-container .view,
    .watch-hlpf-container{ 
        width: 1320px;
        margin: 0 auto;
        max-width: 96%;
    }
    .region-secondary-menu ul.sf-menu.sf-horizontal a.sf-depth-1, .countrymenu li a {
        padding: 0 1.3rem;
    }
    .block-views-blockvnrs-thumbnail-links-block-2 .igtitle {
        font-size: 3.5rem;
    }

    .region-header .block-views-exposed-filter-blocksearch-page-1 .form-item-search{
        width: 210px;
    }




}
@media only screen and (max-width: 1350px){
    .blockcontainer{
        width: 90%;
        margin: 0 auto;
    }
    .region-secondary-menu ul.sf-menu.sf-horizontal a.sf-depth-1, .countrymenu li a {
        padding: 0 1rem;
    }
    .block-views-blockkey-resolutions-block-1,
    .block-views-blockvnrs-featured-block-1{
        position: relative;
    }
    .block-views-blockkey-resolutions-block-1 header,
    .block-views-blockvnrs-featured-block-1 header{
        float: unset;
        width: 30%;
        height: unset;
        position: absolute;
        bottom: 0;
    }
    .block-views-blockkey-resolutions-block-1 #krcon,
    .block-views-blockvnrs-featured-block-1 #krcon {
        width: 50%;
        float: unset;
        padding-left: 4rem;
        margin-left: 30%;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .block-views-blockkey-resolutions-block-1 header img,
    .block-views-blockvnrs-featured-block-1 header img {
        height: auto;
        width: auto;
    }
    .hlpf-video-container video {
        margin-top: -0px;
     }
}
@media only screen and (max-width: 1200px){
    /* Menu Mobile */
    #block-un-mainnavigation,
    .region-header .block-views-exposed-filter-blocksearch-page-1,
    #block-azsiteindex{
        display: none; 
    }
    .responsive-menu-toggle{
        background: #f2f2f2;
        border-radius: 5px;
        position: absolute;
        right: 80px;
        top: 60px;
    }
    .responsive-menu-toggle-icon:before {
        top: 10px;
    }
    .responsive-menu-toggle-icon span.icon {
        top: 16px;
    }
    .responsive-menu-toggle-icon:after {
        top: 22px;
    }
    .responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon{
        background: #009edb;
    }
    .responsive-menu-toggle-icon span.label{
        color: #333;
        top: 4px;
    }
    .blockcontainer{
        width: 1170px;
        margin: 0 auto;
        max-width: 96%;
    }

    
    .block-normal-container,
.block-inside-container .view,
.watch-hlpf-container,
.page-node-type-hlpf_year .fullwidth_content_two .fullwidthcontentcon,
.page-node-type-hlpf_year_media .fullwidth_content .fullwidthcontentcon,
.page-node-89 .fullwidth_content .fullwidthcontentcon{ 
        width: 940px;
        margin: 0 auto;
        max-width: 96%;
    }

    .block-views-blockvnrs-year-hlpf-year-block-1{
        width: 68%;
        padding-left: 2%;
    }
    .block-views-blockfeatured-links-block-1{
        width: 30%;
        padding: 4rem 0;
    }

    .block-views-blockprogramme-bios-block-1 .views-row{
        width: 25%;
    }

    .region-secondary-menu ul.sf-menu a.sf-depth-1 {
        padding: 2em 1em;
    }


    .block-views-blockcountry-header-block-1 .views-field-field-flag img {
        padding-top: 0;
    }
    .block-views-blockcountry-header-block-1 .views-field-title h1 {
        top: 70px;
    }

    .singleblock.block-views-blockfeatured-links-block-1{
        width: 80%;
    }

    .webcastpilink a{
        color: #fff;
        text-shadow: 0 1px 1px #000;
        font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
        font-weight: 700;
        line-height: 1.1;
        font-size: 1.4rem;
        }


        .main-container.container .col-sm-9 {
            width: 65%;
        }
    
        .main-container.container .col-sm-3 {
            width: 35%;
        }


        ul.wrap_logo{
            margin-right: 120px;
        } 


}
@media only screen and (max-width: 1024px){
    .block-views-blockvnrs-year-hlpf-year-block-1{
        width: 58%;
        padding-left: 2%;
    }
    .block-views-blockfeatured-links-block-1{
        width: 40%;
        padding: 4rem 0;
    }
    .block-views-blockprogramme-bios-block-1 .views-row{
        width: 25%;
        padding: 0 2rem;
    }

    .well {
        padding: 10px;
    }
    .block-views-blockprogram-details-block-1 .views-field {
        font-size: 1.5rem;
    }
    .block-views-blockprogram-details-block-1 .programcat, .block-views-blockprogram-details-block-1 .programspecifics, .block-views-blockprogram-details-block-1 .itemtime, .block-views-blockprogram-details-block-1 .itemdate {
        padding-left: 2rem;
    }

    .block-views-blockprogram-details-block-1 .itemdate::before,
    .block-views-blockprogram-details-block-1 .itemtime::before,
    .block-views-blockprogram-details-block-1 .programspecifics:before,
    .block-views-blockprogram-details-block-1 .programcat:before{
        font-size: 1.5rem;
    }

    .region-sidebar-second h2{
        font-size: 2rem;
    }
    .region-sidebar-second .file-size{
        display: none;
    }

    .block-views-blockvnrs-thumbnail-links-block-2 .igtitle {
        font-size: 2.7rem;
    }

    .whiteboxgrid .view-content .countryitem, .whiteboxgrid .view-content .views-row {
        width: 31%;
    }

    .block-views-blockvnrs-banner-block-1 .views-field-field-main-banner img,
    .flexslider .slides img{
        width: 100%;
        height: 300px;
        overflow: hidden;
        object-fit: cover;
    }


}





@media only screen and (max-width: 870px){
    .region-footer-menu nav{
        padding: 15px;
        flex: 0 33%;
        margin-bottom: 2%;
    }

    a.responsive-menu-toggle-icon .label {
        display: none;
    }
    .responsive-menu-toggle {
        right: 20px;
        top: 45px;
    }
    .region-footer {
        position: relative;
        padding-bottom: 50px;
    }

    #block-footer ul li {
        float: unset;
        display: inline-block;
    }

    .watch-hlpf-container h3 {
        margin-top: 0;
    }

    .biocolorbox{ 
        width: unset;
    }

    .block-views-blockvnrs-thumbnail-links-block-2 .igtitle {
        font-size: 2.5rem;
    }


    .block-views-blockvnrs-handbook-block-1 .views-row{
        display: unset;
    }
    .block-views-blockvnrs-handbook-block-1 .views-row .views-field {
        width: 100%;
    }
    .block-views-blockvnrs-handbook-block-1 .views-field-field-handbook-image {
        height: unset;
        overflow: hidden;
    }

    .block-views-blockhlpf-over-the-years-block-1 .slide__content {
        padding: 3rem 3rem;
    }





}
@media only screen and (max-width: 768px){

    #block-logofooter .footerleft {
        float: unset;
        text-align: center;
    }
    #block-logofooter .footerright {
        float: unset;
        margin-top: 1.8rem;
        text-align: center;
    }
    #block-footer {
        float: unset;
        text-align: center;
        padding-top: 10px;
    }

    .threecolumncon, .threecolumn .views-row,
    .fourcolumncon, .fourcolumn .views-row{
        flex: 0 50%;
    }

    .block-views-blockvnrs-year-hlpf-year-block-1{
        width: 48%;
        padding-left: 2%;
    }
    .block-views-blockfeatured-links-block-1{
        width: 50%;
        padding: 4rem 0;
    }

    .block-views-blockprogramme-bios-block-1 .views-row{
        width: 33%;
        padding: 0 2rem;
    }
    .fourcolumn.socialmediapostsview .views-row {
        padding: 1rem;
        flex: 0 50%;
        overflow: hidden;
    }

    .region-sidebar-second .file-size{
        display: table-cell;
    }

    .region-secondary-menu ul.sf-menu a.sf-depth-2{
        text-align: center;
    }
    .region-secondary-menu ul.sf-menu a.sf-depth-2:hover{
        background: #4d4d4d;
        color: #fff;
        border-bottom: .5rem solid #00a1d8 !important;
    }
    
    .main-container.container .col-sm-9,
    .main-container.container .col-sm-3 {
        width: unset;
    }

    .sitebodycon {
        display: flex;
        flex-direction: column-reverse;
    }

    .region-secondary-menu .block-superfish{
        display: unset;
        justify-content: space-around;
    }

    .block-float-left {
        float: unset;
    }
    .block-width-fitypercent {
        width: 100%;
    }
    .hpfy-year-details {
        top: 15%;
        padding: 20px;
    }
    .hlpf-year-hp-con h2 {
        font-size: 4.5rem;
    }
    .hlpf-year-hp-con h3 {
        font-size: 2.5rem;
    }
    .hlpf-date, .hlpf-location {
        font-size: 2.5rem;
    }
    .vnrs-inputs-hp-con {
        top: 25%;
        right: 15%;
        padding: 2rem;
        width: 70%;
    }
    .block-views-blockkey-resolutions-block-1 #krcon,
    .block-views-blockvnrs-featured-block-1 #krcon {
        width: 100%;
        float: unset;
        margin-left: unset;
    }
    .block-views-blockkey-resolutions-block-1 header,
    .block-views-blockvnrs-featured-block-1 header{
        width: 60%;
        z-index: -1;
    }
    .block-views-blockkey-resolutions-block-1 header img,
    .block-views-blockvnrs-featured-block-1 header img{
        height: auto;
        width: auto;
        opacity: 0.2;
    }

    .left{
        float: unset;
    }
    .right{
        float: unset;
    }
    .fourtyeightpercent{
        width: 100%;
        }
    .fiftypercent{
        width: 100%;
    }
    .path-frontpage h1.page-header {
        margin-top: 20px;
    }
    .block-views-blockvnrs-thumbnail-links-block-2 .igtitle {
        font-size: 2.2rem;
    }

    .block-views-blockcountries-block-1, .block-views-blocklessons-learned-and-best-practices-block-1, .block-views-blockvnrs-inputs-block-1, .block-views-blocktools-block-1 {
        width: 90%;
        margin: 0 auto;
        float: none;
        order: 5;
    }
    .facet-left-sidebar {
        width: 90%;
        margin: 0 auto;
        float: unset;
    }

    .page-node-8382 .region-fullwidth-content,
    .page-node-573 .region-fullwidth-content,
    .page-node-526 .region-fullwidth-content,
    .page-node-89 .region-fullwidth-content{
        display: flex;
        flex-direction: column;
    }

    ul.wrap_logo {
        margin-right: 60px;
    }




}
@media only screen and (max-width: 650px){
    .region-footer-menu nav{
        padding: 15px;
        flex: 0 100%;
        margin-bottom: 2%;
    }

    .responsive-menu-toggle {
        right: 10px;
        top: 10px;
    }
    .threecolumncon, .threecolumn .views-row,
    .fourcolumncon, .fourcolumn .views-row, 
    .twocolumncon, .twocolumn .views-row{
        flex: 0 100%;
    }

    a.vnrs-year-link {
        color: #fff;
        position: absolute;
        bottom: 4rem;
        left: 2rem;
        padding-left: 3.5rem;
    }
    a.vnrs-year-link h4 {
        color: #fff;
        font-size: 2rem;
        margin-bottom: .05rem;
    }
    a.vnrs-year-link::before {
        font-size: 3rem;
    }

    .block-views-blockprogramme-bios-block-1 .views-row{
        width: 50%;
        padding: 0 2rem;
    }

    .block-views-blockcountry-header-block-1 .views-field-field-flag img {
        padding-top: 0;
        width: 200px;
    }
    .block-views-blockcountry-header-block-1 .views-field-title h1 {
        top: 40px;
    }

    .threecolumn.nospace .views-row{
    flex: 0 100%;
    }
    .block-views-blockvnrs-thumbnail-links-block-2 .igtitle {
        font-size: 3rem;
    }
    .igcon{
        height: 200px;
    }
    .igcon img{
    margin-top: -20%;
    }

    .whiteboxgrid .view-content .countryitem, .whiteboxgrid .view-content .views-row {
        width: 47%;
    }

    ul.wrap_logo {
        margin-right: 0px;
    }


}

@media only screen and (max-width: 550px){

    #block-logo{
        width: 100%;
    }
    #block-logo ul.wrap_logo {
        padding: 0;
        display: block;
    }

    #block-logo ul.wrap_logo li {
        display: block;
        text-align: center;
    }
    .ul.wrap_logo img.logo{
        margin-right: 0;
    }

    #block-logo ul.wrap_logo li:nth-child(2) {
        border-left: none;
        padding-left: 0;
        margin-top: 2rem;
    }

    .block-views-blockvnrs-banner-block-1 .views-field-field-main-banner img,
    .flexslider .slides img {
        height: 250px;
    }

    .hlpf-year-hp-con h2 {
        font-size: 3.5rem;
    }


}